﻿<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <title>商店</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- style CSS
    ============================================ -->
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="lib/custom-slider/css/nivo-slider.css"/>
    <link rel="stylesheet" href="lib/custom-slider/css/preview.css"/>
    <link rel="stylesheet" href="css/font-awesome.min.css"/>
    <link rel="stylesheet" href="css/owl.carousel.css"/>
    <link rel="stylesheet" href="css/jquery-ui.css"/>
    <link rel="stylesheet" href="css/meanmenu.min.css"/>
    <link rel="stylesheet" href="css/animate.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/responsive.css"/>

    <!-- modernizr JS
    ============================================ -->
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!-- header start -->
<header class="header-area">
    <!--<header class="header-area">-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2">
                <div class="header-logo">
                    <a href="user_index.html"><img src="img/logo/header-logo.png" alt="Jhilmil"></a>
                </div>
            </div>
            <div class="col-md-10">
                <div class="row">
                    <div class="col-lg-5 col-md-4 col-sm-3 hidden-xs">
                        <div class="top-left">

                        </div>
                    </div>
                    <div class="col-lg-7 col-md-8 col-sm-9">
                        <div class="top-right">
                            <div class="top-login-cart">
                                <ul id="nav-header">
                                    <li class="hidden-xs">
                                        <a href="user_loginUI.html">登陆/注册</a>
                                    </li>
                                    <li class="hidden-xs welcome">
                                        <a href="#" class="user"></a>
                                    </li>
                                    <li class="welcome">
                                        <a href="javascript:void(0);" class="log-out">退出登录</a>
                                    </li>
                                    <li class="cart">
                                        <a href="javascript:void(0);" class="to-cart">
                                            <img src="img/icon/cart.png" alt="">购物车 (
                                            <span id="product_count"></span>&nbsp;)
                                        </a>
                                        <ul class="submenu-mainmenu mycart" style="display: none">
                                            <li id="check-box">
                                                        <span class="sub-total-cart text-center" style="display: inline-block;">
                                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                &nbsp;&nbsp;小计&nbsp;&nbsp;&nbsp;
                                                            <span id="amount">￥620</span>
                                                            <a href="javascript:void(0);" class="view-cart active"></a>
                                                            <a href="javascript:void(0);" class="view-cart"></a>
                                                        </span>
                                            </li>
                                        </ul>
                                        <ul class="submenu-mainmenu" style="text-align: center">
                                            <li>
                                                <span style="color: orange">登录后可查看购物车</span>
                                                <a href="user_loginUI.html">点此登录</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="search-box">
                                <form>
                                    <input type="text" placeholder="输入关键字查找" style="padding-bottom: 0px;">
                                    <button type="button" class="search-pro"><i class="fa fa-search"></i></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-9 col-md-8">
                        <div class="mainmenu-area">
                            <nav>
                                <div class="mainmenu">
                                    <ul>
                                        <li><a href="user_index.html">主页</a></li>
                                        <li><a href="user_shop.html">商店</a></li>
                                        <li><a href="user_product_details.html">商品详情</a></li>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <div class="account-usd">
                            <ul>
                                <li class="language"><a href="javascript:void(0);">我的账户<i class="fa fa-angle-down"></i></a>
                                    <ul class="submenu-mainmenu">
                                        <li><a href="javascript:void(0);" class="my-order"><i class="fa fa-circle"></i>我的订单</a></li>
                                        <li><a href="javascript:void(0);" class="my-like"><i class="fa fa-circle"></i>我的收藏</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Mobile Menu Area start -->
    <div class="mobile-menu-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="mobile-menu">
                        <nav id="dropdown">
                            <ul>
                                <li><a href="user_index.html">主页</a></li>
                                <li><a href="user_shop.html">商店</a></li>
                                <li><a href="user_product_details.html">商品详情</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Mobile Menu Area end -->
    <!--</header>-->
</header>
<!-- header end -->

<!-- banner start -->
<div class="shop-banner-area text-center">
    <div class="about-banner-text">
        <div class="banner-title">
            <h2>Products</h2>
        </div>
        <div class="breadcrumbs">
            <ul>
                <li class="home"><a href="user_index.html">首页</a><span> > </span></li>
                <li>商店</li>
            </ul>
        </div>
    </div>
</div>
<!-- banner end -->

<!-- shop start -->
<div class="shop-area-start">
    <div class="container">
        <div class="row">
            <div class="shop-item-filter">
                <div class="col-lg-4 col-md-3 col-sm-5 col-xs-5">
                    <div class="shop-tab clearfix">
                        <!-- Nav tabs -->
                        <ul role="tablist">
                            <li role="presentation" class="active">
                                <a data-toggle="tab" role="tab"
                                   aria-controls="grid" class="grid-view" href="#grid">
                                    <i class="fa fa-th"></i>
                                </a>
                            </li>
                            <li role="presentation">
                                <a data-toggle="tab" role="tab"
                                   aria-controls="list" class="list-view" href="#list">
                                    <i class="fa fa-th-list"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-md-5 hidden-xs">
                    <div class="filter-by">
                        <h4>请选择: </h4>
                        <form action="#">
                            <div class="select-filter">
                                <select id="sort">
                                    <option value="0" selected>请选择</option>
                                    <option value="1">女装</option>
                                    <option value="2">男装</option>
                                    <option value="3">配饰</option>
                                </select>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="tab-content">
            <div id="grid" class="tab-pane active" role="tabpanel">
                <div class="row">
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/1.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">
                                        <div class="pro_price">
                                            <span class="new-price">￥150</span>
                                        </div>
                                        <h3><a href="#">Eletria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/2.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">

                                        <div class="pro_price">
                                            <span class="new-price">￥130</span>

                                        </div>
                                        <h3><a href="#">Tletria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/3.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">

                                        <div class="pro_price">
                                            <span class="new-price">￥120</span>

                                        </div>
                                        <h3><a href="#">Celletria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/4.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">

                                        <div class="pro_price">
                                            <span class="new-price">￥150</span>

                                        </div>
                                        <h3><a href="#">Eletria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/5.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">

                                        <div class="pro_price">
                                            <span class="new-price">￥130</span>

                                        </div>
                                        <h3><a href="#">Montria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/12.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">

                                        <div class="pro_price">
                                            <span class="new-price">￥130</span>

                                        </div>
                                        <h3><a href="#">Pietria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/9.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">

                                        <div class="pro_price">
                                            <span class="new-price">￥110</span>

                                        </div>
                                        <h3><a href="#">Cetria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/7.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">

                                        <div class="pro_price">
                                            <span class="new-price">￥100</span>

                                        </div>
                                        <h3><a href="#">Pelltria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/13.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">
                                        <div class="pro_price">
                                            <span class="new-price">￥130</span>
                                        </div>
                                        <h3><a href="#">Fertria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/14.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">
                                        <div class="pro_price">
                                            <span class="new-price">￥110</span>

                                        </div>
                                        <h3><a href="#">Montria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/15.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">
                                        <div class="pro_price">
                                            <span class="new-price">￥150</span>

                                        </div>
                                        <h3><a href="#">Eletria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/16.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">
                                        <div class="pro_price">
                                            <span class="new-price">￥130</span>

                                        </div>
                                        <h3><a href="#">Tletria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/17.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">
                                        <div class="pro_price">
                                            <span class="new-price">￥120</span>
                                        </div>
                                        <h3><a href="#">Celletria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/18.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">
                                        <div class="pro_price">
                                            <span class="new-price">￥150</span>

                                        </div>
                                        <h3><a href="#">Eletria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-width">
                        <div class="shop-single-products">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="single-product-img clearfix hover-effect">
                                        <a href="#">
                                            <img class="primary-image" src="img/product/19.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product-info clearfix">
                                        <div class="pro_price">
                                            <span class="new-price">￥130</span>

                                        </div>
                                        <h3><a href="#">Montria postma</a></h3>
                                    </div>
                                    <div class="wish-icon-hover text-center">
                                        <ul>
                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                    class="fa fa-shopping-cart"></i></a></li>
                                            <li><a class="modal-view" href="#" data-toggle="modal"
                                                   data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                            
                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                    class="fa fa-heart"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="list" class="tab-pane" role="tabpanel">
                <div class="row">
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="shop-single-products shop-list">
                            <div class="single-product">
                                <div class="single-product-item">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="single-product-img clearfix hover-effect">
                                                <a href="#">
                                                    <img class="primary-image" src="img/product/1.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="single-product-info clearfix">
                                                <h3><a href="#">Eletria postma</a></h3>
                                                <div class="pro_price">
                                                    <span class="new-price">￥150</span>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                                    do eiusmod tempor incididunt utore et dolore magna aliqua.
                                                    Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                    laboris nisi ut aliquip ex ea commodo consequa uis aute
                                                    irure dolor in reprehenderit. Lorem ipsum dolor sit amet,
                                                    consectetur adipiscing elit, sed do eiusmod tempor
                                                    incididunt utore et dolore magna aliqua. </p>
                                            </div>
                                            <div class="wish-icon-hover-list text-left">
                                                <ul>
                                                    <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i
                                                            class="fa fa-shopping-cart"></i></a></li>
                                                    <li><a class="modal-view" href="#" data-toggle="modal"
                                                           data-target="#productModal"><i class="fa fa-eye"></i></a>
                                                    </li>
                                                    
                                                    <li><a href="#" data-toggle="tooltip" title="Like it!"><i
                                                            class="fa fa-heart"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="shop-item-filter margin-none">
                <div class="col-lg-4 col-md-3 col-sm-5 col-xs-5">
                </div>
                <div class="col-lg-4 col-md-5 hidden-xs">
                </div>
                <div class="col-lg-4 col-md-4 col-sm-7 col-xs-7">
                    <div class="page-menu float-right">
                        <ul>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">...</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- shop end -->

<!-- client start -->
<div class="client-area clearfix home-two">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="section-title">
                    <h4>我们的品牌</h4>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="client-owl">
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="single-client">
                        <a href="#"><img src="img/client/1.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- client end -->

<!-- footer start -->
<footer class="footer-area">
    <!--<footer class="footer-area">-->
    <div class="footer-top-area">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-4 col-xs-12">
                    <div class="footer-logo text-center">
                        <a href="user_index.html"><img src="img/logo/footer-logo.png" alt="Jhilmil"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-middle-area">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <div class="footer-widget">
                        <h5>联系方式</h5>
                        <div class="single-footer-contact">
                            <div class="footer-icon">
                                <img src="img/cart/1.png" alt="">
                            </div>
                            <div class="footer-contact-info">
                                <p>8901 Marmora Raod, </p>
                                <p>Glasgow, D04  89GR</p>
                            </div>
                        </div>
                        <div class="single-footer-contact">
                            <div class="footer-icon">
                                <img src="img/cart/2.png" alt="">
                            </div>
                            <div class="footer-contact-info">
                                <p>电话 : (801) 4256  9856</p>
                                <p>电话 : (801) 4256  9658</p>
                            </div>
                        </div>
                        <div class="single-footer-contact">
                            <div class="footer-icon">
                                <img src="img/cart/3.png" alt="">
                            </div>
                            <div class="footer-contact-info">
                                <p>电子邮件 : <a href="#">admin@devitems.com</a></p>
                                <p>网址 : <a href="http://devitems.com/">www.devitems.com</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="footer-widget">
                        <h5>Company</h5>
                        <ul>
                            <li><i class="fa fa-circle"></i><a href="user_index.html">主页</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">关于我们</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">联系我们</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">支持中心</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">隐私政策</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 hidden-sm">
                    <div class="footer-widget">
                        <h5>支持</h5>
                        <ul>
                            <li><i class="fa fa-circle"></i><a href="#">配送信息</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">订单跟踪</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">退货</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">礼物卡</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">送货上门</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">在线支持</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3">
                    <div class="footer-widget">
                        <h5>信息</h5>
                        <ul>
                            <li><i class="fa fa-circle"></i><a href="#">付款方式</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">运输</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">查看</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">折扣</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">网站地图</a></li>
                            <li><i class="fa fa-circle"></i><a href="#">服务</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom-area">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <div class="copyright">
                        <p>Copyright &copy; 2019.Company name All rights reserved</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="footer-menu text-center">
                        <nav>
                            <ul>
                                <li><a href="#">网站地图</a></li>
                                <li><a href="#">联系我们</a></li>
                                <li><a href="#">愿望清单</a></li>
                                <li><a href="#">通讯</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-md-4 hidden-sm">
                    <div class="payment text-right">
                        <img src="img/payment/1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--</footer>-->
</footer>
<!-- footer end -->

<!-- QUICKVIEW PRODUCT -->
<div id="quickview-wrapper">
    <!--<div id="quickview-wrapper">-->
    <!-- Modal -->
    <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="modal-product">
                        <div class="product-images">
                            <div class="main-image images">
                                <img alt="" src="img/product/static2.jpg">
                            </div>
                        </div><!-- .product-images -->

                        <div class="product-info">
                            <h1>Diam quis cursus</h1>
                            <div class="price-box">
                                <p class="price">
                                    <span class="special-price">
                                        <span class="amount">￥132.00</span>
                                    </span>
                                </p>
                            </div>
                            <div class="product-detail">
                                <h5>库存: <span class="remain"> In Stock</span> </h5>
                                <h5>月销量：<span class="sales"> 10000 </span></h5>
                            </div>
                            <a href="user_shop.html" class="see-all">查看所有商品</a>
                            <div class="quick-add-to-cart">
                                <form method="post" class="cart">
                                    <div class="numbers-row">
                                        <div><a href="javascript:void(0);" class="btn btn-rounded btn-info reduce">-</a></div>
                                        <input type="hidden" name="productId" id="pid" value=""/>
                                        <input type="number" id="french-hens" class="count" value="1" onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"/>
                                        <div><a href="javascript:void(0);" class="btn btn-rounded btn-info add">+</a></div>
                                    </div>
                                    <button class="single-add-to-cart-button" type="submit">添加到购物车</button>
                                </form>
                            </div>
                            <div class="quick-desc">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum.
                            </div>
                        </div><!-- .product-info -->
                    </div><!-- .modal-product -->
                </div><!-- .modal-body -->
            </div><!-- .modal-content -->
        </div><!-- .modal-dialog -->
    </div>
    <!-- END Modal -->
    <!--</div>-->
</div>
<!-- END QUICKVIEW PRODUCT -->

<!-- jquery
============================================ -->
<script src="js/vendor/jquery-1.11.3.min.js"></script>
<!-- bootstrap JS
============================================ -->
<script src="js/bootstrap.min.js"></script>
<!-- meanmenu JS
============================================ -->
<script src="js/jquery.meanmenu.js"></script>
<!-- wow JS
============================================ -->
<script src="js/wow.min.js"></script>
<!-- owl.carousel JS
============================================ -->
<script src="js/owl.carousel.min.js"></script>
<!-- countdown JS
============================================ -->
<script src="js/jquery.countdown.min.js"></script>
<!-- price-slider JS
============================================ -->
<script src="js/jquery-price-slider.js"></script>
<!-- scrollUp JS
============================================ -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- plugins JS
============================================ -->
<script src="js/plugins.js"></script>
<!-- Nevo Slider js
============================================ -->
<script type="text/javascript" src="lib/custom-slider/js/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="lib/custom-slider/home.js"></script>
<!-- main JS
============================================ -->
<script src="js/main.js"></script>
<script src="js/myfun.js" type="text/javascript"></script>
<script src="js/shop.js"></script>
<script>

    $(function () {
        $("a.to-cart").click(function () {
            $.ajax({
                url: url + "cart/cartUI",
                type: "POST",
                success: function (data) {
                    if (data["code"] == 200){
                        window.location.href=url + "user/" + data["data"]+".html";
                    }
                }
            });
        });

        $("a.to-cart").hover(function () {
            $(".header-area .top-right .cart .mycart .single-cart-item").remove();
            $.ajax({
                url: url + "cart/getCartList",
                type: "POST",
                data: {userName:getCookie("USER_NAME")},
                success: function (data) {
                    if (data["code"] == 200){
                        var datum = data["data"];
                        var sum = 0;
                        for (let i = 0; i < datum.length; i++) {
                            var product = datum[i]["product"];
                            $(".header-area .top-right .cart .mycart #check-box").before(
                                "<li class=\"single-cart-item clearfix\">\n" +
                                "    <span class=\"cart-img\">\n" +
                                "        <a href=\"javascript:void(0);\" class='show-info' data-target='" + product["productId"] + "'><img src=\"" + product["productPicture"] + "\" alt=\"\" width=\"50\"></a>\n" +
                                "    </span>\n" +
                                "    <span class=\"cart-info\">\n" +
                                "        <a href=\"javascript:void(0);\" class='show-info' data-target='\" + product[\"productId\"] + \"'>" + product["productName"] + "</a>\n" +
                                "        <span>￥<span>" + product["productPrice"] + "</span> x <span>" + datum[i]["carCount"] + "</span></span>\n" +
                                "    </span>\n" +
                                "    <span class=\"trash-cart\">\n" +
                                "        <a href=\"javascript:void(0);\"><i class=\"fa fa-trash-o\"></i></a>\n" +
                                "    </span>\n" +
                                "</li>"
                            );

                            sum += product["productPrice"] * datum[i]["carCount"];
                        }
                        $(".cart #product_count").html(datum.length);
                        $(".cart #amount").html("￥" + sum);
                    }
                }
            });
        });
    });

    $(function () {
        $("a[class='show-info']").click(function () {
            $.ajax({
                url:url + "user/setDetails",
                type:"POST",
                data:{id:$(this).attr("data-target")},
                success:function (data) {
                    if (data["code"] == 200){
                        toPage("productDetails");
                    }
                }
            })
        });
    });

    //登录成功显示姓名和购物车，否则不显示
    $(function () {
        var cookie = document.cookie;
        var strings = cookie.replace("; ","=").split("=");
        var username;
        if (strings.indexOf("USER_NAME") != -1) {
            username = strings[strings.indexOf("USER_NAME") + 1];
        }
        if (username != null && username != '') {
            let $nav = $("#nav-header");
            $nav.find("li").removeClass("welcome");
            $nav.find(".hidden-xs").first().attr("class", "hidden-xs welcome");
            $nav.find(".user").html("欢迎 ：<a href='#'>" + username + "</a>!");
            let cart_li = $nav.find(".cart");
            cart_li.find(".mycart").css("display", "block");
            cart_li.find("ul").last().css("display", "none");
        }
    });

    //退出登录
    $("a[class='log-out']").click(function () {
        $.ajax({
            url: url + "user/logout",
            type: "POST",
            data: {cookieName: "USER_NAME"},
            success: function (data) {
                toPage(data["data"]);
            }
        })
    });

    //跳转到收藏
    $(".header-area .account-usd .submenu-mainmenu .my-like").click(function () {
        $.ajax({
            url: url + "collection/toCollection",
            type: "POST",
            data: {userName: getCookie("USER_NAME")},
            success: function (data) {
                window.location.href=url + "user/" + data["data"] + ".html";
            }
        });
    });

    //跳转到订单
    $(".header-area .account-usd .submenu-mainmenu .my-order").click(function () {
        $.ajax({
            url: url + "order/toOrder",
            type: "POST",
            data: {userName: getCookie("USER_NAME")},
            success:function (data) {
                window.location.href=url + "user/" + data["data"] + ".html";
            }
        });
    });

    //查找商品
    $(function () {
        $(".header-area .search-box .search-pro").click(function () {
            $.ajax({
                url: url + "user/setKeyWord",
                type: "POST",
                data: {keyWord:$(this).prev().val()},
                success: function (data) {
                    if (data["code"] == 200) {
                        window.location.href=url + "user/" + data["data"] + ".html";
                    }
                }
            })
        });
    });


    $("a[title='Shopping Cart']").each(function () {
        $(this).attr("href","javascript:void(0);")
    });
    //添加到购物车
    $("a[title='Shopping Cart']").click(function () {
        var id = $(this).parent().next().find("a");
        $.ajax({
            url: url + "cart/addCart",
            type: "POST",
            data: {
                userName: getCookie("USER_NAME"),
                productId: id.attr("title")
            },
            success: function (data) {
                if (data["code"] == 200) {
                    alert("添加成功")
                }else if(data["code"] == 405){
                    window.location.href=url + "user/user_loginUI.html";
                }
            }
        });
    });

    $("a[title='Like it!']").each(function () {
        $(this).attr("href","javascript:void(0);")
    });
    //添加到收藏
    $("a[title='Like it!']").click(function () {
        var id = $(this).parent().prev().find("a");
        $.ajax({
            url: url + "collection/addCollection",
            type: "POST",
            data: {
                userName: getCookie("USER_NAME"),
                productId: id.attr("title")
            },
            success: function (data) {
                if (data["code"] == 200) {
                    alert("添加成功！")
                }else if(data["code"] == 405){
                    window.location.href=url + "user/user_loginUI.html";
                }else if (data["code"] == 205) {
                    alert(data["data"]);
                }
            }
        });

    });
</script>
</body>
</html>

